{% extends 'css3two_blog/blog_base.html' %}
{% load static %}
{% load mytags %}

{% block head %}
  <title>{{ blogpost.title }} - spybdai's blog</title>
{% endblock head %}

{% block pagecss %}
  <link rel="stylesheet" type="text/css" href="{% static 'css3two_blog/css/gfm.css' %}" />
  <link rel="stylesheet" type="text/css" href="{% static 'css3two_blog/css/article.css' %}" />
{% endblock pagecss %}

{% block content %}
{% autoescape off %}
  <article>
    <header>
      <a style="display: none" href="https://plus.google.com/+Yaolaike9mZuo?rel=author">Google</a>
      <p class="meta">
        <time pubdate="{{ blogpost.pub_date }}" data-updated="{{ blogpost.last_edit_date }}">
          {{ blogpost.pub_date|date:'M'|upper }}
          {{ blogpost.pub_date|date:"dS"|upper|stripleadingzero }}, {{ blogpost.pub_date.year }}
        </time>
      </p>
      <h1 class="title"><b>{{ blogpost.title }}</b></h1>
    </header>
    {{ blogpost.display_html }}
    <div id="disqus_thread"></div>
    <script type="text/javascript">
        /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
        var disqus_shortname = 'laike9m'; // required: replace example with your forum shortname

        /* * * DON'T EDIT BELOW THIS LINE * * */
        (function() {
            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
            dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
        })();
    </script>
    <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
    <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
  </article>
{% endautoescape %}

{% endblock content %}